@media only screen and (max-width: 359px) { html { font-size: 13px; } }
@media only screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 15px; } }
@media only screen and (min-width: 375px) and (max-width: 399px) { html { font-size: 15px; } }
@media only screen and (min-width: 400px) and (max-width: 479px) { html { font-size: 16px; } }
@media only screen and (min-width: 480px) and (max-width: 539px) { html { font-size: 20px; } }
@media only screen and (min-width: 540px) and (max-width: 639px) { html { font-size: 22px; } }
@media only screen and (min-width: 640px) and (max-width: 719px) { html { font-size: 26px; } }
@media only screen and (min-width: 720px) { html { font-size: 30px; } }
.globalMap, .accountBalance .iCurrencyIcon { background: url(../images/map.png) 0 0 no-repeat; background-size: 33.33rem 33.33rem; }

.globalPadding, .payDetail, .accountBalance { padding: 0 0.67rem; }

.submitPay { background: #ffb800; color: #fff; font-size: 1.2rem; line-height: 2.93rem; height: 2.93rem; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }

.sPayTime { text-align: center; line-height: 1.93rem; height: 1.93rem; background: #fffeec; display: block; font-size: 0.93rem; color: #ff7a26; }

.payDetail { background: #fff; }
.payDetail li { width: 100%; float: left; line-height: 2.93rem; height: 2.93rem; border-top: 1px solid #d4d4d8; }
.payDetail li:first-child { border-top: 0 none; }
.payDetail li .sTit { float: left; font-size: 1.2rem; }
.payDetail li .sDes { float: right; font-size: 0.93rem; color: #76767c; }
.payDetail li .sMoney { float: right; font-size: 1.4rem; color: #cd3b45; }

.accountBalance { border-top: 1px solid #d4d4d8; border-bottom: 1px solid #d4d4d8; position: relative; background: #f6f6f6; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; box-orient: horizontal; }
.accountBalance .iCurrencyIcon { display: block; width: 2.33rem; height: 2.33rem; background-position: -31rem 0; margin-top: 0.8rem; }
.accountBalance .txt { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; box-flex: 1; padding-left: 0.87rem; }
.accountBalance .txt span { display: block; line-height: 1.4rem; height: 1.4rem; }
.accountBalance .txt span.sTit { padding-top: 0.67rem; font-size: 1.07rem; }
.accountBalance .txt span.sMoney { padding-bottom: 0.33rem; font-size: 1rem; color: #666; }

.otherPayStyle { padding-bottom: 0.67rem; }
.otherPayStyle li { width: 100%; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; box-orient: horizontal; position: relative; }
.otherPayStyle li .pic { width: 2rem; height: 2rem; padding: 1rem 0.87rem 0 0.67rem; text-align: center; }
.otherPayStyle li .pic img { height: 100%; margin: 0 auto; display: block; }
.otherPayStyle li .txt { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; box-flex: 1; border-bottom: 1px solid #d4d4d8; padding-top: 0.53rem; padding-bottom: 0.33rem; }
.otherPayStyle li .txt span { display: block; line-height: 1.6rem; height: 1.6rem; }
.otherPayStyle li .txt span.sTit { font-size: 1.07rem; }
.otherPayStyle li .txt span.sTit_2 { line-height: 2.8rem; height: 2.8rem; font-size: 1.2rem; }
.otherPayStyle li .txt span.sDes { line-height: 1.07rem; height: 1.07rem; }
.otherPayStyle li .txt span.sDes .emRed { padding: 0 0.33rem; background: #cd3b45; color: #fff; font-size: 0.8rem; display: inline-block; }
.otherPayStyle li:last-child .txt { border-bottom: 0 none; }
